Tailwindgrid

Utilitiesforcontrollingthedisplayboxtypeofanelement.,Bydefault,Tailwindincludesfourgeneralpurposegrid-auto-columnsutilities.Youcancustomizethesevaluesbyeditingtheme.gridAutoColumnsortheme.extend.,Utilitiesforcontrollinghowelementsinagridareauto-placed.,Utilitiesforcontrollinghowelementsaresizedandplacedacrossgridcolumns.,Utilitiesforcontrollinghowelementsaresizedandplacedacrossgridrows.,Bydefa...

參考資訊如下
Display

Utilities for controlling the display box type of an element.

Grid Auto Columns

By default, Tailwind includes four general purpose grid-auto-columns utilities. You can customize these values by editing theme.gridAutoColumns or theme.extend.

Grid Auto Flow

Utilities for controlling how elements in a grid are auto-placed.

Grid Column Start End

Utilities for controlling how elements are sized and placed across grid columns.

Grid Row Start End

Utilities for controlling how elements are sized and placed across grid rows.

Grid Template Columns

By default, Tailwind includes grid-template-column utilities for creating basic grids with up to 12 equal width columns. You can customize these values by ...

Grid Template Rows

By default, Tailwind includes grid-template-row utilities for creating basic grids with up to 12 equal width rows. You can customize these values by editing ...

Order

Utilities for controlling the order of flex and grid items.

Place Items

Start. Use place-items-start to place grid items on the start of their grid areas on both axes: 01. 02. 03. 04. 05. 06. <div class=grid grid-cols-3 gap-4 place ...